<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="button">
			<button type="button">走两步</button>
		</div>
		<div class="box1">
			
		</div>
	</body>
</html>
<style type="text/css">
	.box1{
		width: 200px;
		height: 260px;
		margin: 0 auto;
		background-image: url(../img/spirit.jpg);
		background-position: 0 0;
		transition: 0.1s steps(3);
	}
	.button:active + .box1{
		background-position: -600px 0;
	}
</style>